<template>
      <div>
            <div class="col-xs-12">
                  <div class="input-group">
                        <input id="group-A" type="button" value="商品選択" style="width: 100%;" class="btn btn-default btn-sm" @click="showGroup"/>
                  </div> 
            </div>
      </div>
</template>
<script>
import prodGrp from 'group';
export default {
      name:'prodGroupComponent',
      props:{
            
      },
      data:function(){
            return {
                  prodGroup:new prodGrp(window.$)
            };
      },
      computed:{
      },
      watch:{
            
      },
      methods:{
            showGroup() {
                  this.prodGroup.show()
            },
      },
      mounted(){
            this.prodGroup.init({
                  usercd:"10154057",
                  level:"1-1-1-1-1-1-1",
                  groupFlg:"prod",
                  elementId:"group-A",
                  moduleType:"one"
            })
      }
};
</script>
<style scoped>
.input-group {
      width: 100%;
}
</style>